<template>
	<view class="pageView">
		<u-navbar
			title="病历资料"
			:autoBack="true"
		>
			<view
		    class="u-nav-slot"
		    slot="left"
		  >
				<u-icon
					name="arrow-left"
					size="19"
				></u-icon>
		    <view class="addType" @click="handleClickBtn">修改名称</view> 
			</view>
		</u-navbar>
		<view class="imgBlock">
			<u-upload
				:fileList="fileList1"
				@afterRead="afterRead"
				@delete="deletePic"
				name="1"
				multiple
				:maxCount="10"
			></u-upload>
		</view>
		<u-popup :show="popupShow" @close="poupClose" @open="open" :round="16" mode="center">
			<view class="popupBlock">
				<view class="popupBlock-title">添加分类</view>
				<view class="popupBlock-cotent">建议使用月份来命名您的病历资料</view>
				<view class="popupBlock-input">
					<input
						placeholder="请输入内容"
						border="none"
						v-model="typeName"
						style="background: #F3F3F3;padding: 24rpx 32rpx;"
					></input>
				</view>
				<view class="popupBlock-button">
					<button class="popupBlock-button-left" @click="poupClose">取消</button>
					<button class="popupBlock-button-right">确定</button>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				popupShow: false,
				typeName: ''
			}
		}
	}
</script>

<style lang="less" scoped>
	.pageView{
		height: 100vh;
		background: #F4F4F4;
		.u-nav-slot{
			display: flex;
			align-items: center;
		}
		.addType{
			font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
			font-weight: normal;
			font-size: 30rpx;
			color: #2076FE;
		}
		.imgBlock{
			margin-top: 174rpx;
			padding: 32rpx;
			background: #fff;
		}
	}
	.popupBlock{
		width: 622rpx;
		&-title{
			text-align: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			font-size: 36rpx;
			color: rgba(0,0,0,0.9);
			padding-top: 64rpx;
		}
		&-cotent{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 32rpx;
			color: rgba(0,0,0,0.6);
			padding: 16rpx 48rpx 0px 48rpx;
			text-align: center;
		}
		&-input{
			padding: 32rpx 48rpx 0px 48rpx;
		}
		&-button{
			padding-top: 48rpx;
			display: flex;
			&-left{
				width: 311rpx;
				height: 112rpx;
				background: #FFFFFF;
				border-bottom-left-radius: 16px;
				display: flex;
				justify-content: center;
				align-items: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: 600;
				font-size: 32rpx;
				color: rgba(0,0,0,0.9);
			}
			&-right{
				width: 311rpx;
				height: 112rpx;
				background: #FFFFFF;
				border-bottom-right-radius: 16px;
				font-family: PingFang SC, PingFang SC;
				font-weight: 600;
				font-size: 32rpx;
				color: #0165FB;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
	}
</style>